<template>
    <div class="feedback">
        <p>意见反馈</p>
        <el-input
            v-model="textarea"
            style="width: 80%;margin-bottom: 20px"
            :autosize="{ minRows: 10, maxRows: 20 }"
            type="textarea"
            placeholder="欢迎提出您的宝贵意见"
        />
        <br>
        <el-button type="primary" @click="submit">提交</el-button>
    </div>
</template>

<script setup lang="ts" name="Feedback">
    import { ref } from 'vue';
    import {ElMessage} from "element-plus";

    const textarea = ref('');

    const submit = () => {
        if(textarea.value){
            ElMessage.success('提交成功');
        }else{
            ElMessage.error('请输入内容');
        }
    }
</script>

<style scoped>
    .feedback{
        text-align: center;
        p{
            font-size: 20px;
            font-weight: 900;
        }
    }
</style>